<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>字体风格属性(font style attribute)</title>
  <!-- 
  font-style 是CSS属性，用于设置文本的字体风格，例如斜体或正常字体。font-style 属性的总结： 
 
    1.  font-style: normal; ：默认值，正常字体风格。 
    2.  font-style: italic; ：斜体字体风格。 
    3.  font-style: oblique; ：倾斜字体风格，类似于斜体但略有不同。 
 
  通过设置 font-style 属性，可以控制文本的字体风格.
  -->
  <style>
    .font-style {
      /* 斜体 */
      font-style: italic;
      /* 倾斜 */
      font-style: oblique;
      /* 正常 */
      font-style: normal;
    }
  </style>
</head>
<body>
  
  <div class="font-style">font-style 是CSS属性，用于设置文本的字体风格，例如斜体或正常字体。</div>
  <div>通过设置 font-style 属性，可以控制文本的字体风格.</div>

</body>
</html>